﻿layui.config({
    base: "/js/"
}).use(['form', 'vue', 'ztree', 'layer', 'jquery', 'table', 'droptree', 'openauth', 'utils'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery;
    var table = layui.table;

    $("#menus").loadMenus("OilCost");

    //主列表加载，可反复调用进行刷新
    var config = {};  //table的参数，如搜索key，点击tree的id
    var mainList = function (options) {
        if (options != undefined) {
            $.extend(config, options);
        }
        table.reload('mainList', {
            url: '/TmsOilCostManger/Show',
            where: config
            , response: {
                statusCode: 200 //规定成功的状态码，默认：0
            }
        });
    }
    //调用方法
    mainList();
    //添加（编辑）对话框
    var editDlg = function () {
        var vm;
        var update = false;  //是否为更新
        var show = function (data) {
            var title = update ? "编辑信息" : "添加";
            layer.open({
                title: title,
                area: ["500px", "400px"],
                type: 1,
                content: $('#divEdit'),
                success: function () {
                    if (vm == undefined) {
                        vm = new Vue({
                            el: "#formEdit",
                            data() {
                                return {
                                    tmp: data  //使用一个tmp封装一下，后面可以直接用vm.tmp赋值
                                }
                            },
                            watch: {
                                tmp(val) {
                                    this.$nextTick(function () {
                                        form.render();  //刷新select等
                                        mainList();
                                        //layui.droptree("/UserSession/GetOrgs", "#Organizations", "#OrganizationIds");
                                    })
                                }
                            },
                            mounted() {
                                form.render();
                            }
                        });
                    } else {
                        vm.tmp = Object.assign({}, vm.tmp, data)
                    }
                },
                end: function () {
                    if (vm != undefined) {
                        //清空数据
                        vm.tmp = {}
                    }
                    mainList();  //刷新主列表
                }

            });
            var url = "/TmsOilCostManger/Add";
            if (update) {
                url = "/TmsOilCostManger/Update"; //暂时和添加一个地址
            }
            //提交数据
            form.on('submit(formSubmit)',
                function (data) {
                    $.post(url,
                        data.field,
                        function (data) {
                            layer.msg(data.Message);
                        },
                        "json");
                    alert("成功!");
                    mainList();
                });

            //重置
            $("#reset").click(function () {
                vm.tmp = {
                    OrganizationIds: '',
                    Organizations: ''
                }
            });
        }
        return {
            add: function () { //弹出添加
                update = false;
                show({
                    Id: ''
                });
            },
            update: function (data) { //弹出编辑框
                update = true;
                show(data);
            }
        };
    }();


    //监听页面主按钮操作
    var active = {
        btnDel: function () {      //批量删除
            var checkStatus = table.checkStatus('mainList')
                , data = checkStatus.data;
            lotDel.del("/TmsOilCostManger/Delete",
                data.map(function (e) { return e.Id; }),
            );
        }
        , btnAdd: function () {  //添加
            editDlg.add();
        }
        , btnEdit: function () {  //编辑
            var checkStatus = table.checkStatus('mainList')
                , data = checkStatus.data;
            if (data.length != 1) {
                layer.msg("请选择编辑的行，且同时只能编辑一行");
                return;
            }
            editDlg.update(data[0]);
        }

        , search: function () {   //搜索
            mainList({
                PlateNumber: $('#PlateNumber').val(),
                Operator: $('#Operator').val(),
            });
        }
        , btnRefresh: function () {//刷新按钮
            mainList();
        }
    };

    $('.toolList .layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    var lotDel = {
        //删除
        del: function (url, dataids, callback) {
            if (dataids == undefined || dataids == "" || dataids.length == 0) {
                layer.msg("至少选择一条记录");
                return;
            }
            layer.confirm('真的删除么', function (index) {
                $.post(url, { ids: dataids },
                    function (data) {
                        if (data.Code == 200) {
                            if (callback != undefined) callback();
                        } else {
                            layer.msg(data.Message);
                        }
                    }, "json");
                layer.close(index);
                alert("删除成功!");
                mainList();
            });
        }
    };
})